.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .catalog-wrapper .head-wrapper,
body .catalog-wrapper .head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  font-size: 0;
  background: #fff;
}
html .catalog-wrapper .head-wrapper .back-wrapper,
body .catalog-wrapper .head-wrapper .back-wrapper {
  width: 1.306666666666667rem;
  height: 1.28rem;
  vertical-align: top;
  background: url("../img/back-icon.png") no-repeat center center;
  background-size: 0.226666666666667rem 0.4rem;
  margin-right: 0.293333333333333rem;
}
html .catalog-wrapper .head-wrapper .center-wrapper,
body .catalog-wrapper .head-wrapper .center-wrapper {
  width: 6.8rem;
  height: 1.28rem;
}
html .catalog-wrapper .head-wrapper .center-wrapper .select-group,
body .catalog-wrapper .head-wrapper .center-wrapper .select-group {
  width: 4rem;
  height: 1.28rem;
  margin-left: 1.4rem;
  font-size: 0rem;
}
html .catalog-wrapper .head-wrapper .center-wrapper .select-group .group-text,
body .catalog-wrapper .head-wrapper .center-wrapper .select-group .group-text {
  font-family: SimHei;
  height: 1.28rem;
  line-height: 1.28rem;
  font-size: 0.426666666666667rem;
}
html .catalog-wrapper .head-wrapper .center-wrapper .select-group .up-down-icon,
body .catalog-wrapper .head-wrapper .center-wrapper .select-group .up-down-icon {
  vertical-align: top;
  width: 0.293333333333333rem;
  height: 1.28rem;
  margin-left: 0.266666666666667rem;
  background: url("../img/up-down-icon.png") no-repeat;
  background-position: -0.306666666666667rem center;
  background-size: 0.6rem 0.173333333333333rem;
}
html .catalog-wrapper .head-wrapper .center-wrapper .select-group .up-down-icon.active,
body .catalog-wrapper .head-wrapper .center-wrapper .select-group .up-down-icon.active {
  background: url("../img/up-down-icon.png") no-repeat left center;
  background-size: 0.6rem 0.173333333333333rem;
}
html .catalog-wrapper .head-wrapper .order-wrapper,
body .catalog-wrapper .head-wrapper .order-wrapper {
  width: 1.6rem;
  height: 1.28rem;
  vertical-align: top;
}
html .catalog-wrapper .head-wrapper .order-wrapper .order-icon-wrapper,
body .catalog-wrapper .head-wrapper .order-wrapper .order-icon-wrapper {
  width: 0.533333333333333rem;
  height: 1.28rem;
  margin: 0 auto;
  background: url("../img/order-icon.png") no-repeat;
  background-position: -0.56rem center;
  background-size: 1.08rem 0.36rem;
}
html .catalog-wrapper .head-wrapper .order-wrapper .order-icon-wrapper.active,
body .catalog-wrapper .head-wrapper .order-wrapper .order-icon-wrapper.active {
  background: url("../img/order-icon.png") no-repeat left center;
  background-size: 1.08rem 0.36rem;
}
html .catalog-wrapper .group-list-mask,
body .catalog-wrapper .group-list-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 8;
  display: none;
}
html .catalog-wrapper .group-list-mask.show,
body .catalog-wrapper .group-list-mask.show {
  display: block;
}
html .catalog-wrapper .group-list-mask .group-list-wrapper,
body .catalog-wrapper .group-list-mask .group-list-wrapper {
  top: 1.28rem;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  max-height: 8rem;
  overflow-y: auto;
}
html .catalog-wrapper .group-list-mask .group-list-wrapper ul,
body .catalog-wrapper .group-list-mask .group-list-wrapper ul {
  margin-bottom: 0.533333333333333rem;
}
html .catalog-wrapper .group-list-mask .group-list-wrapper ul li,
body .catalog-wrapper .group-list-mask .group-list-wrapper ul li {
  font-family: SimHei;
  font-size: 0.4rem;
  color: #000;
  text-align: center;
  padding: 0.213333333333333rem 0;
}
html .catalog-wrapper .chapter-list-wrapper,
body .catalog-wrapper .chapter-list-wrapper {
  padding-top: 1.28rem;
}
html .catalog-wrapper .chapter-list-wrapper ul,
body .catalog-wrapper .chapter-list-wrapper ul {
  margin-top: 0.32rem;
}
html .catalog-wrapper .chapter-list-wrapper ul li,
body .catalog-wrapper .chapter-list-wrapper ul li {
  font-size: 0;
  padding: 0 0.533333333333333rem;
}
html .catalog-wrapper .chapter-list-wrapper ul li .chapter-name,
body .catalog-wrapper .chapter-list-wrapper ul li .chapter-name {
  font-size: 0.4rem;
  vertical-align: top;
  width: 7.733333333333333rem;
  height: 1.066666666666667rem;
  line-height: 1.066666666666667rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .catalog-wrapper .chapter-list-wrapper ul li .chapter-name.active,
body .catalog-wrapper .chapter-list-wrapper ul li .chapter-name.active {
  color: #ff3e3e;
}
html .catalog-wrapper .chapter-list-wrapper ul li .type-icon,
body .catalog-wrapper .chapter-list-wrapper ul li .type-icon {
  width: 1.2rem;
  height: 0.8rem;
}
html .catalog-wrapper .chapter-list-wrapper ul li .type-icon.coin,
body .catalog-wrapper .chapter-list-wrapper ul li .type-icon.coin {
  background: url("../img/need-icon.png") no-repeat right center;
  background-size: 0.533333333333333rem 0.533333333333333rem;
}
html .catalog-wrapper .chapter-list-wrapper ul li .type-icon.gift,
body .catalog-wrapper .chapter-list-wrapper ul li .type-icon.gift {
  background: url("../img/need-gift.png") no-repeat right center;
  background-size: 0.493333333333333rem 0.453333333333333rem;
}
html .catalog-wrapper .chapter-list-wrapper ul li .type-icon.vip,
body .catalog-wrapper .chapter-list-wrapper ul li .type-icon.vip {
  background: url("../img/need-vip.png") no-repeat right center;
  background-size: 0.453333333333333rem 0.4rem;
}
html .catalog-wrapper .no-more,
body .catalog-wrapper .no-more {
  text-align: center;
  font-size: 0.4rem;
  padding-bottom: 0.266666666666667rem;
  display: none;
}
